<div id="header">
    <div class="row">
        <img id="shrink" src="img/shrink.png">
        <!--<div>APP下载</div>-->
    </div>
    <div class="ul">
        <span class="close_top"><img src="img/icon_tc.png" />&nbsp;&nbsp;关闭</span>
        <li><a href="index.html">首页</a></li>
        <li><a href="news_list.html">快讯</a></li>
        <li><a href="about.html">关于我们</a></li>
        <li><a href="clause.html">服务条款</a></li>
        <li><a href="search.html">搜索</a></li>
    </div>
</div>
<div id="over"></div>
<script>
    $(document).ready(function() {
        var height = $(document).height();
        $('#shrink').click(function () {
            $('#header .ul').show(50)
            $('#header').height(height);
            $('#header .ul').css({"width": "45%", "height": height, "position": "absolute", "top": "0","z-index":"2"})
            $("#over").append("<div id='overlays'></div>");

        })
       $("#over").click(function () {
           $("#overlays").remove();
           $('#header .ul').hide(50)
           $('#header').height("auto");
       })
        $('.close_top').click(function () {
                $("#overlays").remove();
                $('#header .ul').hide(50)
                $('#header').height("auto");
            }
        )

    })
</script>